import { createGlobalStyle } from 'styled-components';

export const GlobalStyle = createGlobalStyle
`
  body {
    background-color: ${props => props.darkMode ? '#222' : '#fff'};
    color: ${props => props.darkMode ? '#fff' : '#333'};
    transition: background-color 0.3s, color 0.3s;
  }

  .dark-mode {
    background-color: #222;
    color: #fff;
  }
`;